<template>
  <div class="go">
    <button class="login" @click="logoclick">{{text}}</button>
  </div>
</template>

<script>
export default {
  props: ["text"],
  methods: {
    logoclick() {
      this.$emit("clicked");
      console.log("又点击了");
    }
  }
};
</script>

<style lang="less" scoped>
.go {
  text-align: center;
  .login {
    display: inline-block;
    color: white;
    font-size: 6.944vw;
    border: none;
    width: 88.333vw;
    height: 13.333vw;
    border-radius: 13.889vw;
    background-image: linear-gradient(#ab93d5, #eb74cd);
  }
}
</style>